<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>我的爱车</title>
<link rel="stylesheet"
	href="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrap/dist/css/bootstrap.minfp.css">
<link rel="stylesheet"
	href="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrapValidator/css/bootstrapValidator.css"
	type="text/css" />
<script type="text/javascript"
	src="http://carowner.yonyouauto.com/fs01/ase/v1/components/jquery2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/common/py.js"></script>
<script type="text/javascript"
	src="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/hammer/hammer.min.js"></script>
<script type="text/javascript"
	src="http://carowner.yonyouauto.com/fs01/ase/v1/components/hammer/jquery.hammer.js"></script>
<script src="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrapValidator/js/bootstrapValidator.js"></script>
<script src="http://carowner.yonyouauto.com/fs01/ase/v1/components/picker/iscroll.js"></script>
     <script src="http://carowner.yonyouauto.com/fs01/ase/v1/components/picker/iosSelect.js"></script>
<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/common/common.js?_t=8392938238"></script>
<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/common/wechatCommon.js"></script>
 <script type="text/javascript" src="../js/leads/Isu.js?_t=20170823"></script>
<link href="http://carowner.yonyouauto.com/fs01/ase/v1/js/homepage/style2.css" rel="stylesheet">
<style>
.product-head h1 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	margin-left: 3px;
}

.product-head {
	font-size: 12px;
	padding: 4px;
	background-color: #ccc;
	width: 235px;
}

.filterform input {
	font-size: 15px;
	padding: 3px;
	border: 1px solid #999;
}

li {
	padding: 0;
	margin: 3px;
	list-style: none;
	width: 100%;
}

li a {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px
}

ul {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

body {
	background-color: #f6f6f6;
}

a {
	text-decoration: none;
	color: #000;
}
input[readonly="readonly"]{
	background-color:#fff !important;
	border-left:none;
	line-height: 42px;
    height: 37px;
}
.top-header{
	width: 100%;
	display: inline-block;
	background: url(http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/td1.png) 11px 16px no-repeat;
	background-size: 9px 11px;
	height: 38px;
	background-color: #434343;
	color: #fff;
	padding: 10px 30px;
	letter-spacing: 2px;
	font-size: 16px;
}
</style>

<style>
   /* Carousel */

#myCarInfos {
    padding: 0 10px 30px 10px;
    /*margin-top: 10px;*/
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
.carousel-caption {
      max-width: 550px; 
      padding: 0 10px;
      margin:0 auto;
      margin-top: 200px;
      text-align:center;
      left:150px;
}

#myCarInfos .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#myCarInfos .carousel-control.left {
    left: -60px;
}
#myCarInfos .carousel-control.right {
    right: -60px;
}
#myCarInfos .carousel-indicators {
    right: 50%;
    top: 47%;
    bottom: 0px;
    margin-right: -19px;
    display: none;
}
#myCarInfos .carousel-indicators li {
    width: 25px;
    height: 25px;
    margin: 4px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 30px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#myCarInfos .carousel-indicators .active {
    background: #333333;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
    display: none;
}
.carousel-inner {
    min-height: 50px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.circle{
	display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: transparent;
    padding: 10px;
}
.circle img{
	width: 100%;
    height: 100%;
    border-radius: 50%;
}
input{
	background: transparent;
	outline: none;
	text-decoration: none;
	border: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.form-control{
	box-shadow:none;
}
.form-control:focus{
box-shadow:none;
}
.input-group-addon{
 	text-align:left;
}

#myCarInfos{
	padding-bottom:15px;
}
.fatherDiv{width:100%;height:50px;}

.ios-select-widget-box header.iosselect-header a.close{
	opacity:1 !important;
}

   </style>
<link rel="stylesheet" href="http://carowner.yonyouauto.com/fs01/ase/v1/components/picker/iosSelect.css" type="text/css" />
</head>
<body>
        <span id="showDateaa" data-year="2017" data-month="05" data-date="12" ></span>  
	<div id="myTabContent" class="tab-content">
		<div class="top-header">我的爱车</div>
		<div id="isunDiv">
			<div class="list-group" style="padding: 10px 0 0 0;">
				<div class="list-group-item" style='padding-bottom: 0;'>
					<div class="row ">
		<!-- <div class="col-md-3 col-xs-3 col-sm-3">
				<a class="circle">
					<img id="Imgurl">	
				</a>
		</div> -->
		<!-- <div class="col-md-3 col-xs-3 col-sm-3">
				<p id="userName" style="padding:10px 0 0 3px;"></p>
				<p id="phone" style="padding:0 0 0 0;"></p>	
		</div> -->
			<div class="col-md-9 col-xs-9 col-sm-9" data-wow-delay="0.2s"> 
 			    <a id="updatecar" onclick="updatecarinfo()" style="position: absolute;z-index: 9;">
			      <img id="firstImg" src="http://carowner.yonyouauto.com/fs01/ase/v1/images/isu.png" style="right:30px;margin-left: 130px;width: 15px;"></a>
				<div id="myCarInfos" class="carousel slide" data-ride="carousel"></div>
			</div>
	      </div>
		</div>
			</div>
			<div class="list-group">
			<div class="form-group has-feedback list-group-item fatherDiv">
				<div class="input-group" style="margin-left: -10px;">
					<span class="input-group-addon" style="border:0;background-color: #fff">车系</span>
					<input type="text" id="modelName" name="modelName"  readonly="readonly"
						style="border:0;text-align: right; padding: 0px 37px 6px 40px"
						class="form-control">
				</div>
				</div>
				<div class="form-group has-feedback list-group-item fatherDiv">
				<div class="input-group" style="margin-left: -10px;">
					<span class="input-group-addon" style="border:0;background-color: #fff">车牌号</span>
					<input type="text" id="licenseNo" name="licenseNo"  onblur="surelicenseNo(this);" 
						style="border:0;outline:none;text-align: right; padding: 0px 37px 6px 40px"
						class="form-control">
				</div>
				</div>
				<div class="form-group has-feedback list-group-item fatherDiv">
				<div class="input-group" style="margin-left: -10px;">
					<span class="input-group-addon" style="border:0;background-color: #fff">车架号</span>
					<input type="text" id="vin" name="vin"  readonly="readonly"
						style="border:0;text-align: right; padding: 0px 37px 6px 40px"
						class="form-control">
				</div>
				</div>
				<div class="form-group has-feedback list-group-item fatherDiv">
				<div class="input-group" style="margin-left: -10px;">
					<span class="input-group-addon" style="border:0;background-color: #fff">发动机号</span>
					<input type="text" id="engine" name="engine" readonly="readonly"
						style="border:0;text-align: right; padding: 0px 37px 6px 40px"
						class="form-control">
				</div>
				</div>
					<a name="gc" class="list-group-item" onclick="selectMaintainTime2(this)"
						style="padding:15px 40px 15px 15px"> <span id="">购车日期</span>
						<span class="glyphicon glyphicon-chevron-right"
						style="float: right;"></span> <span id="saleDate"
						style="float: right; padding: 0 10px 0 0;"></span>
					</a>
				<div class="form-group has-feedback" style=" margin-top: 20px;">
					<a id="selectInsurance" class="list-group-item" onclick="selectInsurance()" 
						style="padding:15px 40px 15px 15px"> <span id="">保险公司</span> <span
						class="glyphicon glyphicon-chevron-right" style="float: right;"></span>
						<span id="insurance" style="float: right; padding: 0 10px 0 0;"></span>
					</a>
					<a name="bx" class="list-group-item" onclick="selectMaintainTime2(this)"
						style="padding:15px 40px 15px 15px"> <span id="">续保时间</span>
						<span class="glyphicon glyphicon-chevron-right"
						style="float: right;"></span> <span id="insurancestart"
						style="float: right; padding: 0 10px 0 0;"></span>
					</a>
				</div>
			</div>
		</div>
	</div>
	
<input class="hidden" id="id" value="">
<input class="hidden" id="saleday" value="">
<input class="hidden" id="birthday" value="">
<input class="hidden" id="carid" value="">
	<!-- 预约时间-二级页面 -->
<br><div id="maintainDateSelDiv" class="container tab-pane fade" style="display: none;"> 
   <link rel='stylesheet' href='http://carowner.yonyouauto.com/fs01/ase/v1/js/laydate/laydate.css' /> 
  	  <div class='calendar' id='calendar'></div><br>
  	  <script type='text/javascript' src='http://carowner.yonyouauto.com/fs01/ase/v1/js/laydate/laydate.js'></script>
  	  <div id="mtDate" style="text-align:center;font-family:黑体">
			<span>保险开始日期&nbsp;&nbsp;</span> 
			<span id="day" name="day" style="color: red"></span>
		</div>
  	  <br>
		<button style="background-color: #E50014;font-size:17px;" id="timeConfirmBtn" type="button"
					class="btn btn-primary btn-lg btn-block" onclick="confirmMaintainTime(this)">确定</button>	
	</div>
	
<div class="modal fade" id="insuranceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
	<div class="modal-dialog">
		<div class="modal-content">
		<div class="modal-body" style="text-align:center;">
		<div id="insurancemap" class="list-group">
		<button type="button" id="insuranceBtn" class="close" data-dismiss="modal" 
						aria-hidden="true">
		</div>
		</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>